<template>
  <vue-html5-editor :content="content" :height="400"
                    @change="updateData"></vue-html5-editor>
</template>
<script>
  export default {
    name:'html5-editor',
    props:{
      value:{
        type:String,
        default:""
      },

    },
    data(){
      return {
        content:''
      }
    }
    ,
    mounted() {
      this.content=this.value;
    },
    watch:{
      value(){
        this.content=this.value;
      }

    },
    methods:{
      updateData(e=''){
        this.$emit('input',e);
      }
    }
  }
</script>
